<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米商城</title>
		<meta name="description" content="小米商城直营小米公司旗下所有产品，囊括小米手机系列小米Note 3、小米8、小米MIX 2S，红米手机系列红米5 Plus、红米6 Pro，智能硬件，配件及小米生活周边，同时提供小米客户服务及售后支持。" />
		<meta name="keywords" content="小米,小米8,小米7,红米5Plus,小米MIX2,小米商城" />
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/mi8show.css"/>
		<link rel="stylesheet" type="text/css" href="css/lunbo.css"/>
		<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript">
		//1 轮播
		$(function(){
			//控制轮播顺序
			var i=0;
			var fixtime=window.setInterval(lunbo,1000);
			function lunbo(){
				//当i==3时，重新将i的值改为0
				if(i==3){
					i=0;
				}
				//图片的轮播
				$(".themePic li").eq(i).fadeIn(1000).siblings().fadeOut(1000);
				//让li对应的小辉框变白
				$(".num li").eq(i).addClass("active").siblings().removeClass("active");
				i++;
			}
			//鼠标指向图片时定住
			$(".themePic").hover(function(){
				window.clearInterval(fixtime);
				//
			},
//			鼠标离开时图片继续轮播
			function(){
				fixtime=window.setInterval(lunbo,1000);
			}
			)
			//鼠标放在小灰框显示响应图片
			$(".num li").mouseover(function(){
				//suoyin
				var inx=$(this).index();
				$(".themePic li").eq(inx).fadeIn().siblings().fadeOut();
				//鼠标放在小白框上变白
				$(this).addClass("active").siblings().removeClass("active");
				i=inx;
			})
		})
		//2轮播
		$(function(){
			//控制轮播顺序
			var i=0;
			var fixtime=window.setInterval(lunbo,2000);
			function lunbo(){
				//当i==3时，重新将i的值改为0
				if(i==4){
					i=0;
				}
				//图片的轮播
				$(".secondPic li").eq(i).fadeIn(2000).siblings().fadeOut(2000);
				//让li对应的小辉框变白
				$(".num1 li").eq(i).addClass("active").siblings().removeClass("active");
				i++;
			}
			//鼠标指向图片时定住
			$(".secondPic").hover(function(){
				window.clearInterval(fixtime);
				//
			},
//			鼠标离开时图片继续轮播
			function(){
				fixtime=window.setInterval(lunbo,2000);
			}
			)
			//鼠标放在小灰框显示响应图片
			$(".num1 li").mouseover(function(){
				//suoyin
				var inx=$(this).index();
				$(".secondPic li").eq(inx).fadeIn().siblings().fadeOut();
				//鼠标放在小白框上变白
				$(this).addClass("active").siblings().removeClass("active");
				i=inx;
			})
		})
		//3轮播
		$(function(){
			//控制轮播顺序
			var i=0;
			var fixtime=window.setInterval(lunbo,2000);
			function lunbo(){
				//当i==3时，重新将i的值改为0
				if(i==5){
					i=0;
				}
				//图片的轮播
				$(".thirdPic li").eq(i).fadeIn(2000).siblings().fadeOut(2000);
				//让li对应的小辉框变白
				$(".num2 li").eq(i).addClass("active").siblings().removeClass("active");
				i++;
			}
			//鼠标指向图片时定住
			$(".thirdPic").hover(function(){
				window.clearInterval(fixtime);
				//
			},
//			鼠标离开时图片继续轮播
			function(){
				fixtime=window.setInterval(lunbo,2000);
			}
			)
			//鼠标放在小灰框显示响应图片
			$(".num2 li").mouseover(function(){
				//suoyin
				var inx=$(this).index();
				$(".thirdPic li").eq(inx).fadeIn().siblings().fadeOut();
				//鼠标放在小白框上变白
				$(this).addClass("active").siblings().removeClass("active");
				i=inx;
			})
		})
		</script>
	</head>
	<body>
		<div class="site-topbar">
			<div class="container">
				<div class="topbar-nav">
					<a href="index.html">小米商城</a>
					<span>|</span>
					<a href="#">MIUI</a>
					<span>|</span>
					<a href="#">loT</a>
					<span>|</span>
					<a href="#">云服务</a>
					<span>|</span>
					<a href="#">金融</a>
					<span>|</span>
					<a href="#">有品</a>
					<span>|</span>
					<a href="#">小爱开放平台</a>
					<span>|</span>
					<a href="#">企业服务</a>
					<span>|</span>
					<a href="#">Select Region</a>
				</div>
				<div class="topbar-cart">
					<a>
						<i class="icon"></i> 购物车
						<span>(0)</span>
					</a>
					<div class="topbar-hide">
						<span>购物车中还没有商品，赶紧选购吧！</span>
					</div>
				</div>
				<div class="topbar-info">
					<a href="loading.html">登录</a>
					<span>|</span>
					<a href="register.html">注册</a>
					<span>|</span>
					<a href="#">消息通知</a>
				</div>
			</div>
		</div>

			<div class="site-head">
			
			<div class="container">
				<div class="head-logo">
					<a href="index.html"><img src="img/headLogo.png" width="55px" height="55px" alt="小米官网" /></a>
				</div>
				<div class="head-nav">
					<ul>
						<li>
							<a>小米手机</a>
							<div class="head-hide">
								<div class="children">
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="mi8show.html"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="mi8show.html">小米8</a><br />
										<span>2699元起</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8se.png" /></a>
										</div>
										<a href="#">小米8 SE</a><br />
										<span>1799元起</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/max3-320-220.png" /></a>
										</div>
										<a href="#">小米Max3</a><br />
										<span>1699元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/mix2s320-220white.png" /></a>
										</div>
										<a href="#">小米MIX 2S</a><br />
										<span>3299元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/mix2320-220.png" /></a>
										</div>
										<a href="#">小米MIX 2</a><br />
										<span>2599元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/32022012085.jpg" /></a>
										</div>
										<a href="#">小米6X</a><br />
										<span>1399元起</span>
									</div>
								</div>
							</div>
						</li>

						<li>
							<a>红米</a>
							<div class="head-hide">
								<div class="children">
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/6pro320-220.png" /></a>
										</div>
										<a href="#">红米6Pro</a><br />
										<span>999元起</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/666320.png" /></a>
										</div>
										<a href="#">红米6</a><br />
										<span>799元</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/6A320.png" /></a>
										</div>
										<a href="#">红米6A</a><br />
										<span>599元</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/note5-320-220.png" /></a>
										</div>
										<a href="#">红米note 5</a><br />
										<span>1099元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/s2-320-220.png" /></a>
										</div>
										<a href="#">红米S2</a><br />
										<span>999元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/5P-320-220.png" /></a>
										</div>
										<a href="#">红米5 Plus</a><br />
										<span>999元起</span>
									</div>
								</div>
							</div>
						</li>

						<li>
							<a>电视</a>
							<div class="head-hide">

								<div class="children">
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/75.png" /></a>
										</div>
										<a href="#">小米电视4 75英寸</a><br />
										<span>8999元</span>
									</div>
									<div class="productor">
										<span>热卖</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/32.png" /></a>
										</div>
										<a href="#">小米电视4A 32英寸</a><br />
										<span>899元</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/4a43.png" /></a>
										</div>
										<a href="#">小米电视4A 43英寸青春版</a><br />
										<span>1399元</span>
									</div>
									<div class="productor">
										<span>热卖</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/50.png" /></a>
										</div>
										<a href="#">小米电视4A 50英寸</a><br />
										<span>1899元</span>
									</div>
									<div class="productor">
										<span>热卖</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/55320220.png" /></a>
										</div>
										<a href="#">小米电视4A 55英寸</a><br />
										<span>2399元</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/4a65555.png" /></a>
										</div>
										<a href="#">查看全部</a><br />
										<a href="#">小米电视</a><br />
									</div>
								</div>
							</div>
						</li>

						<li>
							<a>笔记本</a>
							<div class="head-hide">

								<div class="children">
									<div class="productor">
										<!--<span>新品</span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/pingbanok.png" /></a>
										</div>
										<a href="#">小米平板</a><br />
										<span>1099元起</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/320x220biiben.png" /></a>
										</div>
										<a href="#">小米笔记本 15.6"</a><br />
										<span>4199元起</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/xinbijiben.png" /></a>
										</div>
										<a href="#">小米游戏本 8代</a><br />
										<span>6699元起</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/WechatIMG603.png" /></a>
										</div>
										<a href="#">小米笔记本Pro 15.6" GTX版</a><br />
										<span>6299元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/WechatIMG603 (1).png" /></a>
										</div>
										<a href="#">小米笔记本 Pro</a><br />
										<span>5599元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/bijiben32012.5.jpg" /></a>
										</div>
										<a href="#">小米笔记本 Air 系列</a><br />
										<span>3599元起</span>
									</div>
								</div>
							</div>
						</li>

						<li>
							<a>空调</a>
							<div class="head-hide">

								<div class="children">
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/kongtiao320-220.jpg" /></a>
										</div>
										<a href="#">米家互联网空调</a><br />
										<span>1999元起</span>
									</div>
								</div>
							</div>
						</li>

						<li>
							<a>新品</a>
							<div class="head-hide">

								<div class="children">
									<div class="productor">
										<!--<span>新品</span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/shouhuan.png" /></a>
										</div>
										<a href="#">小米手环3</a><br />
										<span>169元起</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/luyouqi.png" /></a>
										</div>
										<a href="#">小米路由器4</a><br />
										<span>199元起</span>
									</div>
									<div class="productor">
										<!--<span>新品</span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>169元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>3299元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>1499元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>199元起</span>
									</div>
								</div>
							</div>
						</li>

						<li>
							<a>路由器</a>
							<div class="head-hide">

								<div class="children">
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/xiaomiluyouqi4.png" /></a>
										</div>
										<a href="#">小米路由器4</a><br />
										<span>199元起</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>2699元起</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>2699元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>2699元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>2699元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>2699元起</span>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a>智能硬件</a>
							<div class="head-hide">

								<div class="children">
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/xiaomixiaoaiai.png" /></a>
										</div>
										<a href="#">小米小爱音箱mini</a><br />
										<span>199元起</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>2699元起</span>
									</div>
									<div class="productor">
										<span>新品</span>
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>2699元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>2699元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>2699元起</span>
									</div>
									<div class="productor">
										<!--<span></span>-->
										<div class="productor_img">
											<a href="#"><img src="img/img1/pc-320-220-mi8.png" /></a>
										</div>
										<a href="#">小米8</a><br />
										<span>2699元起</span>
									</div>
								</div>
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<a>服务</a>
						</li>
						<li>
							<a>社区</a>
						</li>
					</ul>
				</div>
				
				<div class="head-search">
					<form class="search_form" action="#" method="post">
						<input type="search" name="search" class="search-box" />
						<input type="submit" value="" class="search-btn" />
						<div class="key_search">
							<div>
								<a href="#">小米8</a>
							</div>
							<div>
								<a href="#">小米MIX 2S</a>
							</div>
						</div>
					</form>
				</div>
			</div>
		
		</div>
		<!--分割线-->
		<div id="greyline" style="height: 0px; border: gainsboro 0.1px solid;"></div>
		<!--导航栏开始-->
		<div id="nav1" class="nav1">
			<div id="nav1_left" class="nav1_left left_float">
				<ul>
					<li>小米8</li>
					<li>| &nbsp;  <a href="#" >小米8透明探索版</a> &nbsp;  |</li>
					<li> &nbsp;<a href="#">小米8 SE</a></li>
				</ul>
			</div>
			<div id="nav1_right" class="nav1_right left_float">
				<ul style="width: 700px;height: 40px;display: block;float: right;margin-right: -20px;">
					<li>
						<a href="pay.html" class="purchase">立即购买</a>
					</li>
					<li>|&nbsp;&nbsp;<a href="#">用户评价</a>&nbsp;&nbsp;</li>
					<li>|&nbsp;&nbsp;<a href="#">F码通道</a>&nbsp;</li>
					<li>|&nbsp;&nbsp;<a href="#">参数</a>&nbsp;</li>
					<li>|&nbsp;&nbsp;<a href="#">图集</a>&nbsp;</li>
					<li><a href="#" style="color: orangered;">概述</a>&nbsp;</li>
				</ul>
			</div>
		</div>
		<!--导航栏结束-->
		<!--主题图片开始-->
		<div class="themePic">
			<ul>
				<li><img src="img/mi8/index1.jpg"/></li>
				<li><img src="img/mi8/index2.jpg"/></li>
				<li><img src="img/mi8/index3.jpg"/></li>
			</ul>
		<!--控制轮播的小横框-->
		<ul class="num">
			<li></li>
			<li></li>
			<li></li>
		</ul>
		</div>
		<!--主题图片结束-->
		<!--功能展示区开始-->
		<div id="show" class="show">
			<div id="showinner" class="showinner">
				<div id="inner_top" class="inner_top">
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h3 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h3 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h2 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h3 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
				</div>
				<div id="inner_mid" class="inner_mid">
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h3 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h3 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h3 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h3 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
				</div>
				<div id="inner_bottom" class="inner_bottom">
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h3 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h3 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h3 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
					<div><h1 style="font-weight: 300;margin-top: 45px;">骁龙845处理器</h1><h3 style="font-weight: 300;color: gray;">超旗舰性能</h3></div>
				</div>
			</div>
		</div>
		<!--功能展示区结束-->
		<!--又一图片展示区开始-->
		<div class="secondPic">
			<ul>
				<li><img src="img/mi8/border1.jpg"/></li>
				<li><img src="img/mi8/border2.jpg"/></li>
				<li><img src="img/mi8/border3.jpg"/></li>
				<li><img src="img/mi8/border4.jpg"/></li>
			</ul>
		<!--控制轮播的小横框-->
		<ul class="num1">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		</div>
		<!--该图片展示区结束-->
		<!--纯图片三张-->
		<div id="onlyPic1" class="onlyPic1">
			<img src="img/mi8/pic2.png"/>
		</div>
		<div id="onlyPic2" class="onlyPic1">
			<img src="img/mi8/pic3.png"/>
		</div>
		<div id="onlyPic3" class="onlyPic2">
			<img src="img/mi8/pic1.png"/>
		</div>
		<!--图片三张结束-->
		<!--7种AI影棚光效轮播开始-->
		<div id="AIcharacter" class="AIcharacter">
			<div>
				<h2>7中AI影棚光效<br />轻松拍出影棚级人像</h2>
				
			</div>
			<div>
				<p>口袋里的人像影棚，为人像照片加入一缕彩虹<br />光的期许，亦或是窗边光的静谧，让平常的一<br />瞬间，瞬间不平常。</p>
			</div>
		</div>
		<div id="thirdPic" class="thirdPic">
			<ul class="null">
				<li>
					<div class="img_surround">
					<img src="img/mi8/pic1.jpg"/>
					</div>
				<div >
					 <div class="imgbottom">
                            <h1 style="font-weight: 500;">窗边光</h1>
                            <p>柔和提亮面部，使高光与阴影形成强烈的明暗对比</p>
                        </div>
				</div>
				</li>
				<li>
					<div class="img_surround">
					<img src="img/mi8/pic2.jpg"/>
					</div>
				<div class="imgbottom">
					 <h1 >树叶光</h1>
                            <p>阳光穿过了夏天的树叶，交错重叠，光影斑驳</p>
				</div>
				</li>
				<li>
					<div class="img_surround">
					<img src="img/mi8/pic3.jpg"/>
					</div>
				<div class="imgbottom">
                            <h1 >彩虹光</h1>
                            <p>雨后夕阳带来的七色光晕，迷离梦幻</p>
                        </div>
				</li>
				<li >
					<div class="img_surround">
					<img src="img/mi8/pic4.jpg"/>
					</div>
				<div class="imgbottom">
                           <h1 >电影光</h1>
                            <p>模拟经典的电影光效，光与影留下时光的印记</p>
                        </div>
				</li>
				<li>
					<div class="img_surround">
					<img src="img/mi8/pic5.jpg"/>
					</div>
				<div class="imgbottom">
                            <h1 >波点光</h1>
                            <p>被跳动的光影包围，像沐浴着晨光与微风，画面生机勃勃</p>
                        </div>
				</li>
			</ul>
			<!--控制轮播的小横框-->
		
		</div>
		<div id="bottomzone" class="bottomzone">
			<ul class="num2">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			</ul>
		</div>
		<!--7种AI影棚光效轮播结束-->
		 <div class="section-ai" >
		 	<div  class="section-webfont" >
        <h1 align="center">前置2000万<br />“微整形”美颜相机，肖像级背景虚化</h1>
            </div>
        <p align="center">超高解析力的 2000 万前置摄像头，1.8μm（4合1）大像素技术，暗光自拍也能更清晰明亮。<br />全新升级的 3D 美颜技术与 AI 单摄背景虚化，让自拍照如同棚拍直出一样出彩。</p>
        <div class="section-tips"><p>“微整形”美颜功能，指前置相机“3D 美颜”功能</p></div>       
    </div>
    
    <div class="section-ai2">
    	<div class="section-ai2-1">
            <h2 align="center" class="section-ai2-1webfont">“微整形”美颜相机<br />支持精调五官，实时预览</h2>
            <div class="section-ai2-1webfont2">
            	<h5 align="center" >AI 深度学习面部特征，进行上千个特征点3D建模。支持精调五官并<br />提供实时预览，塑造属于自己的“芭比翘鼻”、“苹果肌”。并且还<br />能识别自拍角度，打造无死角、更自然的“微整形”美颜效果。</h5>
            </div>
            <img src="img/mi8/小米图片2左aibeauty-icon.jpg" class="section-ai2-1move">
        </div>
        <div class="section-ai2-2">
        	<div class="section-tips">
            <p>*“微整形”美颜功能，包含于前置相机“3D 美颜”功能</p>
    	</div>
        </div>
        
    </div>
    
    <div class="section-cpu">
    	<div  class="section-webfont" >
        <h1 align="center">惊人的30万跑分<sup>*</sup><br />骁龙845，旗舰标配</h1>
           </div>
        <p align="center">骁龙845处理器，再次爆发强劲性能。无论是穿梭于多个App之间，或是来<br />一场激烈的枪战游戏，一定是你不可或缺的凶猛利器。</p>
    </div>
    
    <div class="section-infrared">
    	<div  class="section-webfont" >
        <h1 align="center">红外人脸识别</h1>
          </div>
        <h3 align="center">全黑环境疾速解锁</h3>
    </div>
    <div class="site-footer container cleFloat">
			<div class="footer-service">
				<ul>
					<li>
						<img src="img/sitefooter/weixiu.png" /> 预约维修服务
					</li>
					<li>
						<img src="img/sitefooter/7天.png" /> 7天无理由退货
					</li>
					<li>
						<img src="img/sitefooter/15天.png" /> 15天免费换货
					</li>
					<li>
						<img src="img/sitefooter/包邮.png" /> 满150元包邮
					</li>
					<li>
						<img src="img/sitefooter/定位.png" /> 520余家售后服务点
					</li>
				</ul>
			</div>
			<div class="footer-links">
				<dl>
					<dt>帮助中心</dt>
					<dd>
						<a>账户管理</a>
					</dd>
					<dd>
						<a>购物指南</a>
					</dd>
					<dd>
						<a>订单操作</a>
					</dd>
				</dl>
				<dl>
					<dt>服务支持</dt>
					<dd>
						<a>售后政策</a>
					</dd>
					<dd>
						<a>自助服务</a>
					</dd>
					<dd>
						<a>相关下载</a>
					</dd>
				</dl>
				<dl>
					<dt>线下门店</dt>
					<dd>
						<a>小米之家</a>
					</dd>
					<dd>
						<a>服务站点</a>
					</dd>
					<dd>
						<a>授权体验店</a>
					</dd>
				</dl>
				<dl>
					<dt>关于小米</dt>
					<dd>
						<a>了解小米</a>
					</dd>
					<dd>
						<a>加入小米</a>
					</dd>
					<dd>
						<a>投资者关系</a>
					</dd>
				</dl>
				<dl>
					<dt>关注我们</dt>
					<dd>
						<a>新浪微博</a>
					</dd>
					<dd>
						<a>官方微信</a>
					</dd>
					<dd>
						<a>联系我们</a>
					</dd>
				</dl>
				<dl>
					<dt>特色服务</dt>
					<dd>
						<a>F码通道</a>
					</dd>
					<dd>
						<a>礼物吗</a>
					</dd>
					<dd>
						<a>防伪查询</a>
					</dd>
				</dl>
				<div class="col-contact">
					<p>400-100-5678</p>
					<p>周一至周日 8:00-18:00</p>
					<p>（仅收市话费）</p>
					<div class="nofollow">
						<a>联系客服</a>
					</div>
				</div>
			</div>
		</div>

		<div class="site-info cleFloat">
			<div class="container">
				<div class="head-logo">
					<img src="img/headLogo.png" />
				</div>
				<div class="info-text">
					<p>
						<a>小米商城</a>
						<span>|</span>
						<a>MIUI</a>
						<span>|</span>
						<a>米家</a>
						<span>|</span>
						<a>米聊</a>
						<span>|</span>
						<a>多看</a>
						<span>|</span>
						<a>游戏</a>
						<span>|</span>
						<a>路由器</a>
						<span>|</span>
						<a>米粉卡</a>
						<span>|</span>
						<a>政企服务</a>
						<span>|</span>
						<a>小米天猫店</a>
						<span>|</span>
						<a>隐私政策</a>
						<span>|</span>
						<a>问题反馈</a>
						<span>|</span>
						<a>廉政举报</a>
						<span>|</span>
						<a>Select Region</a>
					</p>
					<p>
						@
						<a>mi.com</a>
						京ICP证110507号
						<a>京ICP备10046444号</a>
						<a>京公网安备11010802020134号</a>
						<a>京网文[2017]1530-131号 </a>
						<br /> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
					</p>

				</div>
				<div class="info-links">
					<img src="img/sitefooter/truste.png" />
					<img src="img/sitefooter/v-logo-2.png" />
					<img src="img/sitefooter/v-logo-1.png" />
					<img src="img/sitefooter/v-logo-3.png" />
					<img src="img/sitefooter/ba10428a4f9495ac310fd0b5e0cf8370.png" />
				</div>
			</div>
			<div class="slogan">
				<span>探索黑科技，小米为发烧而生！</span>
			</div>
		</div>
	</body>
</html>